<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>海归</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/overseas.css">
    <link rel="stylesheet" href="./css/animate.css">

    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>

    <!-- 头部 -->
    <header>
        <div class="container">

            <div class="nav-left">
                <div class="logo">
                    <a href="#"></a>
                </div>
                <div class="city">
                    <p>
                        <i></i>
                        <span class="seclet">福州</span>
                        <span class="switch">[切换城市]</span>
                    </p>

                </div>
                <div class="nav-list">
                    <ul>
                        <li class=""><a href="./index.html">首页</a></li>
                        <li class=""><a href="./job.html">职位</a></li>
                        <li class=""><a href="./school.html" class="New">校园</a></li>
                        <li class="cur"><a href="./overseas.html">海归</a></li>
                        <li class=""><a href="./brand.html">公司</a></li>
                        <li class=""><a href="#">APP</a></li>
                        <li class=""><a href="#">资讯</a></li>
                        <li class=""><a href="#" class="hot">发现</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-right">
                <a href="#">上传简历</a>
                <a href="#" class="hot">我要找工作</a>
                <a href="#">我要招聘</a>
                <a href="#" class="sign a-border">注册</a>
                <a href="#" class="login a-border">登录</a>

            </div>

        </div>
    </header>
    <!-- 头部 -->


    <!-- top_banner -->
    <div class="top_banner">

        <div class="container">

            <div class="solgan"></div>
            <div class="slider_img">
                <img src="./imgs/公益.png" alt="">
            </div>
        </div>
    </div>


    <!-- top_banner -->

    <!-- 搜索 -->
    <div class="school_search">
        <div class="container">
            <div class="school_serbox">
                <div class="search_type">
                    <div class="search_left">
                        <span>北京</span>
                        <input type="text" placeholder="搜索职位、公司">
                    </div>
                    <div class="search_right">搜索</div>
                </div>
            </div>
            <div class="search_bottom">
                <span>热门职位:</span>
                <a href="JavaScript:;" class="current">web前端</a>
                <a href="JavaScript:;" class="current">售后支持</a>
                <a href="JavaScript:;" class="current">教务管理</a>
                <a href="JavaScript:;" class="current">校长/副校长</a>
                <a href="JavaScript:;" class="current">前台</a>
                <a href="JavaScript:;" class="current">助教</a>
                <a href="JavaScript:;" class="current">Python</a>
                <a href="JavaScript:;" class="current">课前顾问</a>
                <a href="JavaScript:;" class="current">运维工程师</a>
            </div>
        </div>

    </div>

    <!-- 搜索 -->
    <div id="main">
        <div class="container">
            <!-- 北上广深 -->

            <div class="over_area">
                <ul>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101010100.png" alt="">
                        <div class="model"></div>
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101020100.png" alt="">
                        <div class="model"></div>
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101280600.png" alt="">
                        <div class="model"></div>
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101210100.png" alt="">
                        <div class="model"></div>
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101280100.png" alt="">
                        <div class="model"></div>
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/zhipin-geek/v488/web/geek/images/city_101270100.png" alt="">
                        <div class="model"></div>
                    </li>

                </ul>
            </div>
            <!-- 北上广深 -->


            <!-- 热门岗位 -->
            <div class="jobs_title">
                <span>热门岗位</span>
                <div class="city_hide">
                    <div class="city_text">全国</div>
                    <div class="arrow"></div>
                    <div class="city_full">
                        <div>全国</div>
                        <div>北京</div>
                        <div>上海</div>
                        <div>广州</div>
                        <div>深圳</div>
                        <div>杭州</div>
                        <div>天津</div>
                        <div>西安</div>
                        <div>苏州</div>
                        <div>武汉</div>
                        <div>厦门</div>
                        <div>长沙</div>
                        <div>成都</div>
                        <div>郑州</div>
                        <div>重庆</div>
                        <div>佛山</div>
                        <div>合肥</div>
                        <div>济南</div>
                        <div>青岛</div>
                        <div>南京</div>
                        <div>东莞</div>
                        <div>昆明</div>
                        <div>南昌</div>
                        <div>石家庄</div>
                        <div>宁波</div>
                        <div>福州</div>
                    </div>
                </div>
            </div>

            <div class="remen">
                <h3>
                    <span class="cur">全部</span>
                    <span>技术</span>
                    <span>产品</span>
                    <span>设计</span>
                    <span>运营</span>
                    <span>市场</span>
                    <span>人事/财务/行政</span>
                    <span>销售</span>
                    <span>传媒</span>
                    <span>金融</span>
                    <span>教育培训</span>
                    <span>房地产/建筑</span>
                    <span>供应链/物流</span>
                    <span>采购/贸易</span>
                    <span>咨询/翻译/法律</span>
                    <span>旅游</span>
                    <span>服务业</span>
                    <span>生产制造</span>
                    <span>高级管理</span>
                </h3>
            </div>

            <div class="up_job">
                <ul>

                </ul>
            </div>

            <div class="more">
                <a href="#">查看更多</a>
            </div>




            <div class="jobs_title">
                <span>短期实习</span>

            </div>

            <div class="remen">
                <h3>
                    <span class="cur">全部</span>
                    <span>技术</span>
                    <span>产品</span>
                    <span>设计</span>
                    <span>运营</span>
                    <span>市场</span>
                    <span>人事/财务/行政</span>
                    <span>销售</span>
                    <span>传媒</span>
                    <span>金融</span>
                    <span>教育培训</span>
                    <span>房地产/建筑</span>
                    <span>供应链/物流</span>
                    <span>采购/贸易</span>
                    <span>咨询/翻译/法律</span>
                    <span>旅游</span>
                    <span>服务业</span>
                    <span>生产制造</span>
                    <span>高级管理</span>
                </h3>
            </div>

            <div class="up_job">
                <ul>

                </ul>
            </div>

            <div class="more">
                <a href="#">查看更多</a>
            </div>

            <!-- 热门岗位 -->



            <!-- 热门公司 -->
            <div class="jobs_title">
                <span>热门公司</span>

            </div>

            <div class="remen">
                <h3>
                    <span class="cur">北京</span>
                    <span>上海</span>
                    <span>深圳</span>
                    <span>广州</span>

                </h3>
            </div>

            <div class="remen_com">


                <ul>

                </ul>

            </div>
            <!-- 热门公司 -->

            <div class="more">
                <a href="#">查看更多</a>
            </div>

            <div class="center_banner"></div>


            <!-- 热门行业知识 -->
            <div class="article">
                <div class="article_bar">
                    <a href="JavaScript:;" class="a_bottom">归国求职必读</a>
                    <a href="JavaScript:;">热门行业知识</a>
                </div>


                <div class="article_info">
                    <ul>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="article_img">
                                <img src="./imgs/1111.png" alt="">
                            </div>
                            <div class="article_cont">
                                <h3>
                                    在美留学生找工作，这些小技巧帮你解决99%的烦恼
                                </h3>
                                <p>
                                    求职从来都不是一件容易的事情，在全球疫情的影响下，国内外经济都在紧缩，想要顺利通过层层笔试、面试，找到一个合适、满意的工作更是难上加难。对于在美国学习生活的留学生来说，无论是商科、计算机这类热
                                </p>
                                <div class="time">
                                    M
                                    <em>·</em>
                                    <span>2021-12-15</span>
                                </div>
                            </div>
                        </li>
                    </ul>




                </div>

                <div class="article_more">浏览更多</div>




            </div>





            <!-- 热门行业知识 -->






        </div>
    </div>


    <footer>
        <div class="container">
            <div id="about">
                <div class="aboutLeft">
                    <div class="top">
                        <ul>
                            <li>企业服务</li>
                            <li>
                                <a href="#">职位搜索</a>
                            </li>
                            <li>
                                <a href="#">新闻资讯</a>
                            </li>
                            <li>
                                <a href="#">BOSS直聘APP</a>

                            </li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                        <ul>
                            <li>使用与帮助</li>
                            <li>
                                <a href="#">协议与规则</a>
                            </li>
                            <li>
                                <a href="#">个人信息保护政策</a>
                            </li>
                            <li>
                                <a href="#">防骗指南</a>

                            </li>
                            <li> <a href="#">使用帮助</a></li>
                        </ul>
                        <ul>
                            <li>联系BOSS直聘</li>
                            <li>
                                北京华品博睿网络技术有限公司
                            </li>
                            <li>
                                公司地址 北京市朝阳区太阳宫中路16号院1号楼18层1801内09
                            </li>
                            <li>
                                <p>
                                    违法和不良信息举报邮箱/未成年人举报渠道
                                    <a class="mail" href="#">jubao@kanzhun.com</a>
                                </p>


                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <p>
                            <span>Copyright © 2022 BOSS直聘</span>
                            <span>
                                <a href="#" target="_blank">
                                    京ICP备14013441号-5
                                </a>
                            </span>

                            <span>京ICP证150923号</span>
                            <span>京网文[2020]0399-066 号</span>

                            <span>
                                <a href="#">
                                    <img src="./imgs/icon-badge-1.png"> 电子营业执照
                                </a>
                            </span>

                            </span>
                            <span>
                                <a href='#'>
                                    <img src="./imgs/icon-beian.png" alt="">
                                    京公网安备11010502032801
                                </a>
                            </span>

                            <span>
                                <a href="#">朝阳网警</a>
                            </span>



                            <span>
                                <a href="#">人力资源服务许可证</a>
                            </span>

                            <span>
                                <a href="#">网上有害信息举报专区</a>
                            </span>
                            <span>朝阳区人社局监督电话</span>
                        </p>
                    </div>
                </div>
                <div class="aboutRight">
                    <div class="social">
                        <img src="./imgs/footer-logo.png" alt="">
                    </div>
                    <div class="phone">
                        <p>企业服务热线和举报投诉/未成年人举报渠道 <span>400 065 5799</span></p>
                        <p>老年人直连热线 <span>400 661 6030</span></p>
                        <p>工作日 <span>8:00 - 22:00</span></p>
                        <p>休息日 <span>9:30 - 18:30</span></p>
                    </div>
                    <div class="footer-icon">
                        <a href="JavaScript:;" class="weibo"></a>
                        <a href="JavaScript:;" class="weixin">
                            <div class="weixincode">
                                <img src="./imgs/we_chat_qr.jpg" alt="">
                            </div>
                        </a>
                        <a href="JavaScript:;" class="app"></a>
                        <a href="JavaScript:;" class="pc">
                            <img src="./imgs/dppx09luaq1637052502211.png" alt="">
                        </a>
                    </div>
                </div>
            </div>


        </div>
        <div class="links">
            <div class="container">

                <div class="linksBox">



                    <span>友情链接:</span>

                    <div>
                        <ul>

                        </ul>
                        <ul class="hideUl">

                        </ul>
                    </div>

                    <label>
                        <span class="fs">展开</span>
                        <i class="fsi"></i>
                    </label>
                </div>
            </div>

        </div>
    </footer>
    <!-- 页脚 -->

    <!-- 侧边栏 -->

    <div class="silderbar">

        <div class="slider-top">
            <ul>
                <li>

                    <a href="JavaScript:;">
                        <i></i> 感兴趣
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 沟通过
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 已投递
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 面试
                    </a>
                </li>
            </ul>
        </div>
        <div class="slider-bottom">
            <ul>
                <li>
                    <a href="JavaScript:;" class="upTop"></a>
                </li>
                <li>
                    <a href="JavaScript:;">反馈</a>
                </li>
                <li class="vxqrcode">
                    <a href="JavaScript:;">微信</a>
                    <div class="qrcode">
                        <i></i>
                        <img src="./imgs/wechat-qrcode-2.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="JavaScript:;">微博</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 侧边栏 -->


    <!--吸顶搜索框 -->
    <div class="search_head">

        <div class="container">


            <div class="search_box animated  bounce">
                <div class="logo_icon">
                    <a href="#"></a>
                </div>
                <div class="search_top">

                    <div class="job_box">
                        <div class="job_type">
                            <span id="job_type">职位类型</span>
                            <i></i>
                        </div>
                        <div class='job_search'>
                            <input type="text" placeholder="搜索职位、公司">
                        </div>
                    </div>

                    <div class="search_btn">
                        搜索
                    </div>
                </div>
                <div class="hide_job">
                    <div class="hide_left">
                        <ul>
                            <li class="selected">不限</li>
                        </ul>
                    </div>
                    <div class="hide_middle">
                        <ul></ul>
                    </div>
                    <div class="hide_right">
                        <ul></ul>
                    </div>

                </div>
                <div class="find_bottom">
                    <form action="#" method="post">
                        <input type="text" placeholder="输入手机号">
                        <input type="text" placeholder="验证码">
                        <a href="#" class="getyzm">获取</a>
                        <input type="button" value="登录/注册">
                    </form>
                </div>

            </div>


        </div>
    </div>
    <!--吸顶搜索框 -->
</body>
<script src="./js/public.js"></script>
<script src="./js/overseas.js"></script>



</html>